<template>
  <transition name="move">
    <keep-alive>
      <router-view class="view-container"></router-view>
    </keep-alive>
  </transition>
</template>
<script>
export default {
  
}
</script>
<style lang="stylus" scoped>
.view-container
  transform: translate3d(0, 0, 0)
  opacity: 1
  &.move-enter,&.move-leave-active
    transform: translate3d(100%, 0, 0)
  &.move-enter-active,&.move-leave-active
    transition: all 0.3s linear
</style>

